var path = require('path')
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  devServer: {//ngrok 启动报错
    historyApiFallback: true,
    allowedHosts: "all",
    port: 80
  },
  transpileDependencies: true,
    //px转rem的配置（postcss-pxtorem插件）
    css: {
      loaderOptions: {
        css: {},
        postcss: {
          postcssOptions: {
            plugins: [
              require('postcss-pxtorem')({
                //这是rem适配的配置  注意： remUnit在这里要根据lib-flexible的规则来配制，如果您的设计稿是750px的，用32就刚刚好。
                rootValue: 75,
                propList: ['*'],
                // 这是所有的node里面的第三方都不会被转换,过滤插件
                exclude:/node_modules/,
                minPixelValue: 12, //px小于12的不会被转换
              }),
            ],
          }
        
        },
      },
  },
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [
        //这个是加上自己的路径，
        //注意：试过不能使用别名路径
        path.resolve(__dirname, "./src/css/variable.less")
      ]
    }
  }
    
    
})
